/*    
        © Copyright 2009-2010 by Gary M. Winter.  All rights reserved.
*/

body {
        z-index: -2;
        background-color: black;   /*  seems to keep pages from blinking white sometimes when changing pages  */        
        background-image: url('images/BlueRed.gif');     
        background-position: center;
        margin-top: 0px;  
        margin-bottom: 0px;          
        margin-left: 0px;   
        margin-right: 0px;    
 }


.BodyForPing {
        z-index: -1;     
       /*   background-color: black;   seems to keep pages from blinking white sometimes when changing pages  
       NO BACKGROUND COLOR MAKES IT TRANSPARENT       */    
        background-image: url('images/Gradient.png');    
        background-repeat: repeat-x;
        margin-top: 0px;  
        margin-bottom: 0px;               
        margin-left: 0px;   
        margin-right: 0px;   
 }   


.BodyForStars {
        z-index: 0;     
       /*   background-color: black;   seems to keep pages from blinking white sometimes when changing pages  
       NO BACKGROUND COLOR MAKES IT TRANSPARENT     */   
        background-image: url('images/BackStar.png');    
        background-position: center top;
        background-repeat: repeat;
        margin-top: 0px;  
        margin-bottom: 0px;               
        margin-left: 0px;   
        margin-right: 0px;   
 }   

a {     
        color:  #000000;    }
a:hover {     
        color:  #FAF0E6;   /* white;   if  #EEC058, links turn orange color on hovering  rgb(255, 192, 88)  */   
        border-color: #FAF0E6; }  
        
a.darkblue {     
        color:  #274271;    }
a.darkblue:hover {     
        color:  #6c9cee;    }       
        
a.darkred {     
        color:  #a9242b;    }
a.darkred:hover {     
        color:  #f7626a;    }    
        
a.black {     
        color:  #000000;    }
a.black:hover {     
        color:  #888888;    }               
        
        
.InnerBody {
        z-index: 1;       
overflow: auto;        
      /*    background-color: white;     */ 
        background-color: rgb(250,240,230);  
        margin-top: 0px;
        margin-bottom: -10px;       /*    keeps botton of BlueRed covered     */      
        margin-left: 0px;
        width: 1002px;
        height: 100%;
        padding: 0px;  
}



.BannerMain {
        z-index: 2;       
        background-image: url('images/TopBanner.jpg'); 
        background-color: black;  
        top: 0px;
        left: 00px;
        margin-top: 0px;       
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        width: 1002px;
        height: 289px;
}



   /*  Alternate rollover button method eliminates need for JavaScript  */ 
#HomeButton002 
{
        z-index: 4;  
        display: block;
        width: 113px;        
        height: 27px;

        background: url("images/HomeButton002.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#HomeButton002:hover 
{
        z-index: 4;  
        background-position: -113px 0px; 
} 



.HomeButton {
        z-index: 4;       
        float: left;
    /*       background-color: rgb(1,68,35);    CLEAR  */  
        margin-top: 99px;       
        margin-bottom: 0px;  
        margin-left: 72px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 113px;
        height: 27px;
}

/*  
.HomeButton:hover {   
        z-index: 5;       
        float: left;
 
        margin-top: 148px;       
        margin-bottom: 0px;    
        margin-left: 72px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px;         
        background-image: url('images/HomeButton.png');  
        width: 113px;
        height: 27px;
        }          
*/
  
  
        
.LeftField {
        z-index: 2;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;  
        padding-bottom: 0px;         
        float: left;
        width: 180px;
        color: #000000;        /*  black text */    
        font-family: arial, sans-serif;  
}        
        

.CenterField {
        z-index: 2;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;  
        padding-bottom: 0px;     
        float: left;    
        width: 642px;
        color: #000000;        /*  black text */    
        font-family: arial, sans-serif;  
}   



.RightField {
        z-index: 1;
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        padding-top: 0px;  
        padding-bottom: 0px;         
        float: right;
        width: 180px;
        color: #000000;        /*  black text */    
        font-family: arial, sans-serif;  
}     


     


.RightFieldLeftHalf {
        z-index: 3;   
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        width: 321px;
        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;      
         }    

.RightFieldRightHalf {
        z-index: 3;   
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        width: 321px;
        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;      
         }    

         
.RightFieldLeftThird {
        z-index: 3;   
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        width: 250px;

        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;      
         }         

.RightFieldCenterThird {
        z-index: 3;   
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        width: 140px;

        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;      
         }               
         
.RightFieldRightThird {
        z-index: 3;   
        margin-top: 0px;
        margin-bottom: 0px;        
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        width: 250px;

        color: #FFFFFF;        /*  White text */    
        font-family: Times, serif;      
         }               

  
p.ParagraphLeft {
        z-index: 5;
    /*     font-family: Times, serif;    */  
        font-family: arial, sans-serif;   
        color: #000000;  
        font-size: 15px;
        text-align: left;   
        line-height: 1.3;
        padding-top: 0px;
        padding-left: 8px; 
        padding-right: 8px; 
        padding-bottom: 12px;         
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 3px; 
        margin-bottom: 3px; 
}   

p.ParagraphCentered {
        z-index: 5;
    /*     font-family: Times, serif;    */  
        font-family: arial, sans-serif;   
        color: #000000;  
        font-size: 15px;
        text-align: center;   
        line-height: 1.3;
        padding-top: 0px;
        padding-left: 8px; 
        padding-right: 8px; 
        padding-bottom: 12px;         
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 3px; 
        margin-bottom: 3px;  
}   

p.ParagraphRight {
        z-index: 5;
    /*     font-family: Times, serif;    */  
        font-family: arial, sans-serif;   
        color: #000000;  
        font-size: 15px;
        text-align: Right;   
        line-height: 1.3;
        padding-top: 0px;
        padding-left: 8px; 
        padding-right: 8px; 
        padding-bottom: 12px;         
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 3px; 
        margin-bottom: 3px; 
}   


   /*  Alternate rollover button method eliminates need for JavaScript  */ 

#MenuHomeHighLt 
{
       z-index: 4;  
        display: block;
        width: 96px;        
        height: 30px; 
        background: url("images/MenuStarHome2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuHomeHighLt:hover 
{
        z-index: 4;  
        background-position: -96px 0px; 
} 
.HomeMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 12px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 96px;
        height: 30px;
        overflow: hidden;          

}

#MenuArchiveHighLt 
{
       z-index: 4;  
        display: block;
        width: 125px;        
        height: 30px;
        background: url("images/MenuStarArchive2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuArchiveHighLt:hover 
{
        z-index: 4;  
        background-position: -125px 0px; 
} 
.ArchiveMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 7px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 125px;
        height: 30px;
        overflow: hidden;   
}


#MenuExtrasHighLt 
{
       z-index: 4;  
        display: block;
        width: 116px;        
        height: 30px;
        background: url("images/MenuStarExtras2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuExtrasHighLt:hover 
{
        z-index: 4;  
        background-position: -116px 0px; 
} 
.ExtrasMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 5px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 116px;
        height: 30px;
        overflow: hidden;   
}



#MenuDonateHighLt 
{
       z-index: 4;  
        display: block;
        width: 118px;        
        height: 30px;
        background: url("images/MenuStarDonate2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuDonateHighLt:hover 
{
        z-index: 4;  
        background-position: -118px 0px; 
} 
.DonateMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 271px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 118px;
        height: 30px;
        overflow: hidden;   
}

#MenuLegalHighLt 
{
       z-index: 4;  
        display: block;
        width: 100px;        
        height: 30px;
        background: url("images/MenuStarLegal2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuLegalHighLt:hover 
{
        z-index: 4;  
        background-position: -100px 0px; 
} 
.LegalMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 2px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 100px;
        height: 30px;
        overflow: hidden;   
}


#MenuContactHighLt 
{
       z-index: 4;  
        display: block;
        width: 134px;        
        height: 30px;
        background: url("images/MenuStarContact2.png" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
#MenuContactHighLt:hover 
{
        z-index: 4;  
        background-position: -134px 0px; 
} 
.ContactMenuButton {
        z-index: 4;       
        float: left;
        margin-top: 147px;       
        margin-bottom: 0px;  
        margin-left: 1px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 134px;
        height: 30px;
        overflow: hidden;   
}

#ArchiveMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/ArchiveMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.ArchiveCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}

#ExtrasMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/ExtrasMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.ExtrasCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}


#DonateMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/DonateMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.DonateCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}


#ThankYouMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/ThankYouMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.ThankYouCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}


#CancelMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/CancelMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.CancelCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}

#LegalMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/LegalMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.LegalCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}


#ContactMask
{
       z-index: 7;  
        display: block;
        width: 175px;        
        height: 45px;
        background: url("images/ContactMask.gif" ) no-repeat 0 0;
        /*  image is relative to css place in directory structure  */ 
} 
.ContactCover {
        z-index: 7;       
        float: left;
        margin-top: 35px;       
        margin-bottom: 0px;  
        margin-left: 0px;
        padding-top: 0px;     
        padding-left: 0px;  
        padding-bottom: 0px; 
        width: 175px;
        height: 45px;
        overflow: hidden;   
}